@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
ul{ list-style:none;}
a{ text-decoration:none;}
img{ max-width:100%;}
div,figure,img,input,button {
	box-sizing: border-box;
}
ul,ol{ list-style:none;}
body{ 	background-color: #f5f5f5;

font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}

.clearfix{zoom:1}
.clearfix:after{  content:"";
                  clear:both;
				  display:block}


#header{ height:70px;
         width:100%;
         background:#333 ;
		 box-shadow:0 1px 10  rgba(0,0,0,0.3);
		 position:fixed;
		 top:0;
		 z-index:9999;}
#header .center{ max-width:1263px;
                 height:70px;
				 margin:0 auto;}

#header img{ float:left}
#header .link{ width:55%;float:right;}
#header li{ float:left;  width:20%; line-height:70px;} 
#header li a{color:#fff;
             display:block;
			 text-align:center;
			 }
#header li a:hover,#header li.active{ background:#000;}	
#headline{ max-width:1920px;
           margin:0 auto;
		   padding:70px 0 0 0;
		   position:relative;}
#headline hgroup{ position:absolute;
                    top:45%;
					left:18%;}
				
#headline h2{ color:#eee;
              font-size:45px;
			  letter-spacing:1px;}
#headline h3{ color:#eee;
              font-size:24px;
			  letter-spacing:1px;
			  }
 
#adver { max-width:1920px;
         margin:0 auto;
		 padding:70px 0 0 0;
		 position:relative;}

#adver .center{ position:absolute;
                top:50%;
				left:50%;
				height:60px;
				border-radius:10px;
				width:40%;
				background:#000;
				margin:-10px 0 0 -20%;
				opacity:0.6}
#adver .copy{
	    opacity:1;
		background:transparent;
		padding:3px 3px 0 3px;}
#adver .search{
	            width:70%;
				height:52px;
				font-size:24px;
				background:#eee;
				border:1px solid #666;
				padding:0 10px;
				color:#666;
				border-radius:10px;
				float:left;
				}
#adver button{ width:30%;
                 height:54px;
				font-size:24px;
				background:#eee;
				color:#666;
				border:#333 solid 1px;
				border-left-width:3px;
				border-radius:10px;
				font-weight:bold;
				}
				
#adver hgroup{ position:absolute;
                top:45%;
				left:18%;}	
#adver hgroup h2{ font-size:45px;
                 color:#eee;}	
#adver hgroup h3{ font-size:26px;
                  color:#eee;}				 					
#tour {
	   max-width:1263px;
	   margin:30px auto;
	  }
#tour .center{ text-align:center;}
#tour .center h2{ 
                  font-size:45px;
                  color:#666 ;
				  margin:10px 0;
				  letter-spacing: 2px;}
#tour .center p{ 
                  font-size:16px;
                  color:#666;
				  margin:10px;}
#tour figure{ 
	           width:32.4%;
			   margin:15px 0.4%;
			   font-size:14px;
			   color:#777;
			   padding:4px;
			   border:#ddd solid 1px;
			   border-radius:4px;
			   float:left;
			   position:relative;}
			   
#tour figure .title{ height:40px; 
					 line-height:1.5;
					letter-spacing:1px;
					 padding-top:7px;
					 overflow:hidden;
					 box-sizing:content-box;
					  }
#tour figure span{ color:#333;}
#tour figure .info em{ float:right;
                       color:#999;
					   font-size:13px;
					   position:relative;
					   top:5px;
					   right:5px;
                       font-style:normal;
					  }
#tour figure .info { padding:5px 0 0 0}
#tour figure .price{ color:#F60;
                     letter-spacing:1px; }
#tour figure strong{ font-size:20px; 
                    letter-spacing:1px;}
#tour figure .type{
	                position:absolute;
					top:4px;
					left:4px;
					width:90px;
					height:25px;
					line-height:25px;
					text-align:center;
					background:#59b200;
			border-bottom-right-radius:4px;
					font-size:14px;
					color:#fff;
					letter-spacing:1px;}
#footer{ width:100%;
         background:#222;
		 height:300px;
		 border-bottom:#333 solid 1px;}
#footer .center{ max-width:1263px;
                 margin:0 auto;
                 text-indent:15px;}
#footer .center h2{ font-size:24px;
                    color:#ccc;
					padding:15px 0 5px 0;
					font-weight:normal;}
#footer hr{ border:#333 dashed 1px;
            width:90%; margin:0 auto;}
#footer .center li{ font-size:18px;
                    line-height:2;
					color:#666;
					 }
#footer .center .block{ float:left;
                       width:33.33%}
#bottom{ background:#000; 
         border-top:#333 solid 1px; 
         color:#666;
        text-align:center;
		 line-height:50px;}  
.list { width:71%;
        float:left;}
.list h2{
	     height:40px;
		 line-height:40px;
		 font-size:30px;
		 font-weight:normal;
		 color:#666;
		 margin-bottom:20px;
		 padding-bottom:15px;
		 border-bottom:#999 dashed 1px;}
.scenery figure { width:32.6%;
                   float:left;
				   padding:3px ;
				   margin-right:0.4%;
				   text-align:center;
				   color:#666;
				   border:#ddd solid 1px; 
				   border-radius:4px;
				   margin-bottom:30px; }

.about p{ font-size:20px;
          color:#666;
		  line-height:2;}
.about li{ font-size:20px;
           line-height:1.6;
		   color:#666; }
.ticket{ color:#666;}
.ticket .type{ font-size:20px;
               margin:20px 0 10px 0;
			   border:none;}
.ticket .type mark{ margin: 0 10px 0 16px;
                    background:#458b00;
					padding:5px 8px;
					border-radius:4px;
					color:#fff;}
.ticket .form{ font-size:20px; 
                border:none;}
.ticket form p{ line-height:3;}
.ticket .form input{ width:250px;
                     height:30px;
					 border:#ccc solid 1px;
					 background:#fff;
					 border-radius:4px;
					 padding:5px;
					 font-size:18px;
					 color:#666;
					 margin:0 0 0 16px;}
.ticket .left{ width:43%;
               display:inline-block;}
.ticket .right{ width:43%;
                display:inline-block}
.ticket .button{ width:9%;
                 display:inline-block}
.ticket .submit{ width:90px;
                 height:90px;
				 line-height:90px;
				 border-radius:4px;
				 background:#f60;
				 color:#fff;
				 font-size:20px;
				 border:none;
				 cursor:pointer;
				 position:relative;
				 top:-28px;}
.ticket .new{ font-size:20px;margin:20px 0 0 0;
              }

.ticket .new ul{ margin:20px 0 0 0}

.ticket .new li{ display:inline-block;
                 padding:5px 10px;}
.ticket .new li:first-child{
	 padding-left:0;}
.ticket .new li:nth-child(2){
	background:#458b00;
	border-radius:4px;
	color:#fff;
	
}
.ticket table{ text-align:center;
	      width:100%;
		  margin:20px 0 0 0;
		  border:#ddd solid 1px;
		  border-collapse:collapse;}
.ticket table th{ height:50px;
                  line-height:50px;
				  border-bottom:#ddd 1px solid ;
				  font-weight:normal;}

.ticket table td{ height:50px;
                  line-height:50px;
				  border-bottom:#ddd 1px solid ;
				  }
.ticket table tr:nth-child(2n){
	background:#fafafa;}
.ticket table tr:hover{
	background:#eee;}
.ticket .price{ color:#f60;}
.ticket table .reserve	{
	 width:80px; 
	 line-height:35px;
	 background:#f60;
	 display:block;
	display:inline-block;
	 font-size:20px;
	 color:#fff;
	 border-radius:4px;}
.ticket table .more2{
	 font-size:18px;
	  color:#666;}
	
	
.tour { background:#fff;
        border:#eee solid 1px;
		margin-bottom:20px;
		position:relative;}

.tour img{ width:45%;
           float:left;}
.tour figcaption{
	        width:55%;
			float:right;
			}
.tour figcaption h2{ font-size:26px;
                     border:none;
					 margin:0;
					padding-left:25px; }
					 
.tour figcaption h3{ font-size:16px;padding-left:25px; font-weight:normal;}
.tour figcaption hgroup{ width:300px;
                        margin-bottom:10px;}
.tour li mark{ border:#093 solid 1px;
               border-radius:4px;
			   background:#fff;
			   color:#458B00;
			   padding:2px 5px;}	
.tour li {  line-height:2;
            padding-left:25px;}
.tour figcaption .buy{ position:absolute;
                   top:50px;
				   right:50px;   }
.tour figcaption .price{ color:#F60;
                         font-size:16px;
						 }				   
.tour figcaption .price  strong{ font-size:26px;}
.tour figcaption .price  s{ color:#666;}
.tour figcaption .reserve a{ width:152px;
                             height:40px;
							 line-height:40px;
							 background:#f90;
							 display:block;
							 color:#fff;
							 font-size:20px;
							 text-align:center;
							 margin-top:10px;
							 border-radius:4px;}
.tour figcaption .type{ position:absolute;
                        top:0;
						left:0; 
						height:30px;
						line-height:30px;
						width:90px;
						background:#090;
						color:#fff;
						font-size:16px;
						text-align:center;
						border-bottom-right-radius:4px;
						letter-spacing:1px;}
.tour figcaption .disc{ position:absolute;
                        top:10px;
						right:10px;
                        font-size:14px;
						color:#f90;
						transform:rotate(45deg);}
.tour figcaption footer{ position:absolute;
                         bottom:0;
						 text-indent: 25px;
						 background:#eee;
						 width:55%}
.list .more{ font-size:18px;
			 border:#ccc solid 1px;
			 border-radius:10px;
			 line-height:50px;
			 width:200px;
			 text-align:center;
			 margin: 0 auto;
			}
#container{ max-width:1263px;
             margin:30px auto;}
#container .sidebar{ width:28%;
                     float:right;}
#container .sidebar h2{ font-size:20px;
	         line-height: 40px;
             color:#666;
			 font-weight:normal;
			 letter-spacing:1px;
			 text-indent:10px;
			 background:#fafafa;
			 border-bottom:#eee solid 1px;}
#container .recommend{ border:#eee solid 1px;
                     background-color:#fff;
					 margin:0 0 10px;} 

#container .tag{ text-align:center;
                 padding:10px 0;
             // border:#000 solid 1px;}
#container .tag li{ width:100px;
                    height:35px;
					line-height:35px;
					text-align:left;
					text-indent:8px;
					display:inline-block;
					background:#eee;
					margin:2px 0;}
#container .tag li a{ display:block;
                      color:#999;}
#container .tag li a:hover{ color:#fff;
                            background:#458b00;}
#container .hot figure{ display:inline-block;
                        color:#666;
						padding:4px;}							
#container .hot .figure{ text-align:center;
                         padding:10px 0;}
#container .hot { border:#eee solid 1px;
                  background:#fff;
				  margin:0 0 10px;}
#container .treasure{
	                    border:#eee solid 1px;
						background:#fff;}
#container .box{ padding:10px 0;
                 text-align:center;}
#container .box a{ width:150px;
                   height:40px;
				   line-height:40px;
				  display:inline-block;
				  text-align:left;
				   margin:3px 0;
				   color:#999;
				   background: #eee ;
				   text-indent:35px;
				   }
#container .box a.trea1{
	background:#eee url(img/trea1.png) no-repeat 10px center;}
#container .box a.trea2{
	background:#eee url(img/trea2.png) no-repeat 10px center;}
#container .box a.trea3{
	background:#eee url(img/trea3.png) no-repeat 10px center;
}
#container .box a.trea4{
	background:#eee url(img/trea4.png) no-repeat 10px center;
}
#footer .sm-visible{ color:#666 ;font-size:16px;
                     text-align:center;line-height:40px;
					 display:none}
.list figure{ overflow:hidden}

/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width:1200px){}

/* 在992和1199像素之间的屏幕里，中等屏幕，分辨率低的pc*/
@media (min-width:992px) and (max-width:1199px){
#adver .center{ width:50%; margin:-10px 0 0 -25%;}	
#adver hgroup { left:8%;}
#adver hgroup h2{ font-size:36px;}
#adver hgroup h3{ font-size:20px;}
.sidebar{ display:none;}
.list{ width:100%; padding:0 20px;}
#headline h2{ font-size:36px;}
#headline h3{ font-size:20px;}
#headline hgroup{ left:8%;}
}
@media ( min-width:768px) and ( max-width:991px){
#adver .center { width:60%;
                 margin:-10px 0 0 -30%;}
#adver hgroup { left:8%}
#adver hgroup h2{ font-size:30px;}
#adver hgroup h3{ font-size:16px;}
#adver .search, #adver button{
	font-size:20px;}

#headline h2{ font-size:30px;}
#headline h3{ font-size:16px;}
#headline hgroup{ left:8%;}
#tour .center h2{ font-size:35px;}

.sidebar{ display:none;}
.list{ width:100%; padding:0 20px;}
.list h2{ font-size:28px;}
.about p, .about li{ font-size:18px;}
.ticket .left,.ticket .right,.ticket .button
     { width:98%; }
.ticket .form p{ line-height:2}
.ticket .submit{ width:30%;
                 height:auto;
				 display:block;
				 line-height:2;
				 margin:10px auto;
				 position:static  ;        }
.ticket .form input{ width:98%;
                     height:35px;
					 margin:0;}
.tour figcaption h2{ font-size:22px;}
.tour figcaption .buy{ position:absolute;
                   top:auto;
				  right:auto;
				   bottom:0; 
				   padding:0 0 0 25px; }
.tour figcaption footer{ display:none;}
.tour figcaption ol{ display:none;}
}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media ( min-width:480px) and ( max-width:767px){
#header .center img{ display:none;}	
#header ,#header .center{ height:45px;}
#header .link{ width:100%;}
#header .link li{ line-height:45px;}
#adver,#headline{ padding:45px 0 0 0;}
#adver .center{ width:70%;
                margin:-10px 0 0 -35%;
				height:53px;}
#adver .search,#adver button{ height:45px;
                            font-size:18px;}
#tour .center h2{ font-size:30px;}
#tour .center p{ font-size:15px;}
#tour figure{ width:49.2%;}
#footer .center{ display:none}
#footer{ height:auto}
#footer .sm-visible{ display:block; }
#adver  hgroup ,#headline hgroup{ left:8%}
#adver hgroup h2,#headline h2{ font-size:26px;}
#adver hgroup h3,#headline h3{ font-size:14px;}
.sidebar{ display:none;}
.list{ width:98%; padding: 0 20px; }

.tour figcaption .reserve{ display:none}
.tour figcaption footer{ display:none}
.tour figcaption ol{ display:none;}
.tour figcaption .buy{ position:absolute;
                      top:auto;
					  right:auto;
					  bottom:0;
					  padding:0 0 0 15px;}
.tour figcaption h2{ font-size:16px;
                    height:15px;
					 line-height:15px;
					padding: 5px 0 5px 15px;}
.tour figcaption h3{ font-size:14px; 
                     height:15px;padding: 5px 0 5px 15px;
					}
.tour figcaption .price  strong{ font-size:18px;}
.list h2{ font-size:25px;}
.ticket .type,.ticket .form,.ticket .new,.ticket table .reserve{ font-size:16px;}

.ticket .left,.ticket .right,.ticket .button
     { width:98%; }
.ticket .form input{ width:98%;
                     height:35px; 
					 margin:0;
					 }
.ticket  .submit{  width:30%;
                    height:auto; 
					line-height:2;
				  position:static;
				  display:block;
				margin:10px auto}
.about p, .about li{ font-size:15px;}
.scenery figure{ width:48.2%}
}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media ( max-width:479px){
#header img{ display:none;}
#header .sm-visible{ display:none}
#header .link{ width:100%;}
#header .link li{ width:25%; line-height:45px;}
#header,#header .center{ height:45px;}
#adver ,#headline { padding:45px 0 0 0}
#adver .center{ width:80%;
                margin:-10px 0 0 -40%;
				height:48px;}
#adver .search ,#adver button{ height:40px;font-size:16px;}
#tour .center h2{ font-size:26px;}
#tour .center p{ font-size:14px;}	
#tour figure{ width:98%}
#footer .center{ display:none;}	
#footer .sm-visible{ display:block;font-size:14px;}	
#footer{ height:auto}
#bottom{ font-size:14px;}
#bottom .sm-visible	{ display:none}
#adver hgroup ,#headline hgroup{ left:8% }
#adver hgroup h2,#headline hgroup h2{ font-size:20px; }
#adver hgroup h3,#headline hgroup h3{ font-size:12px; }
.list h2{ font-size:20px;}
.sidebar{ display:none}
.list{ width:100%; padding:0 20px; }
.tour figcaption ol{ display:none;}
.tour figcaption footer{ display:none}
.tour figcaption .reserve{ display:none}
.tour figcaption .disc{ display:none}
.tour figcaption h2{ font-size:16px;
                    height:15px;
					 line-height:15px;
					padding: 5px 0 5px 15px;}
.tour figcaption h3{ font-size:14px; 
                     height:15px;padding: 5px 0 5px 15px;
					overflow: hidden;}
.tour figcaption .buy{ position:absolute;
                       top:auto;
					   right:auto;
                       bottom:0;
					   padding: 0 0 0 15px;}
.tour figcaption .price  strong{ font-size:16px;}
.tour figcaption .price  s{ font-size:15px;}
.tour figcaption hgroup{ width:auto;}
.ticket .type,.ticket .form,.ticket .new,.ticket table .reserve{ font-size:14px;}
.ticket .left,.ticket .right ,.ticket .button{ width:98%}
.ticket .form input{width:98% ; margin:0 ;height:35px;}
.ticket .submit{ width:30%;
                  position:static;
				  height:auto; 
				  line-height:2;
				  display:block;
                  margin:10px auto
}
.ticket table .reserve{  width:auto;  padding:0 8px; }
.xs-visible,.xs-hidden{ display:none}
.about p, .about li{ font-size:14px;}
}